<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script>
        // 数组的方法 from() of()
        // from()将伪数组转换成真正的数组
        function add(){
            let arr=Array.from(arguments);
            console.log(arr);
        }
        add(1,2,3); 

        // 扩展运算符，将伪数组转换成真正的数组
        let lis = document.querySelectorAll('li')
        console.log([...lis]);

        // from()还可以接收第二个参数，用来对每个元素进行处理
        let liContents=Array.from(lis,ele=>ele.textContent);
        console.log(liContents);

        // of()将任意的数组类型，转换成数组
        console.log(Array.of(1,2,4,2,[3,5,6,7],{id:23}));
        


        // copywithin()数组内部将指定位置的元素复制到其他的位置，返回当前数组
        // 从3位置往后的所有数值，替换从0位置往后的三个数值
        console.log([1,2,4,5,6,7,].copyWithin(0,3));


        // find()   findIndex()
        // find()找出第一个符合条件的数组成员
        let num=[1,2,3,-10,-20,9,2].find(n=>n<0)
        console.log(num);

          // find()找出第一个符合条件的数组成员的索引
          let numIndex=[1,2,3,-10,-20,9,2].findIndex(n=>n<0)
        console.log(numIndex);
    </script>
</body>
</html>